﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - Masihlangane Youth Organization</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Non-Profit organization">
    <meta name="author" content="Stewart M">

    <!-- Bootstrap core CSS -->
        <link href="~/Content/less/bootstrap.less" rel="stylesheet">
        <style type="text/css" >
          body {
            padding-top: 60px;
            padding-bottom: 40px;
          }
        </style>
        <link href="~/Content/less/responsive.less" rel="stylesheet">

        @Html.Partial("_html5shiv")

        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="~/Content/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="~/Content/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="~/Content/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="~/Content/ico/apple-touch-icon-57-precomposed.png">
        <link href="~/Content/ico/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    </head>
    <body>
        @Html.Partial("_NavBar")

        <div class="container">

        @RenderSection("featured", required: false)
        @RenderBody()
        <hr />
        <div class="footer">
            <p>&copy; Masihlangane Youth Organization 2013</p>
        </div>
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
        @RenderSection("scripts", required: false)
      </div>
    </body>
</html>
